$(document).ready(function () {
    initSelect('#sltRoles');
    initSelect('#role');
    initTable();
    $('#btnAdd').bind('click',btnAddClick);
    $('#btnEdit').bind('click',btnEditClick)
    $('#btnRemove').bind('click',btnRemoveClick);
    $('#btnSave').bind('click',btnSaveClick);

})

function btnEditClick() {

    var row = $('#list').bootstrapTable('getSelections')[0];
    if(row){
        setDefault();

        $('#userId').val(row.userId);
        $('#info_title').text("用户修改");
        $('#username').val(row.username);
        $('#password').val(row.password);
        $('#role').val(row.role.roleId)

        $('#info').modal();

    }else{
         alert("请选择你要修改的数据！")
    }
}

function btnAddClick(){
    setDefault();
    $('#info_title').text("用户添加");
    $('#info').modal();
}
function btnRemoveClick(){
    var row = $('#list').bootstrapTable('getSelections')[0];
   if(row){

       if(confirm("是否删除当前数据")){
           $.ajax({
               url:'http://test.org/user/remove',
               method:'post',
               data:{
                   userId:row.userId
               },
               dataType:'json',
               success:function (data) {
                   if(data.flag){
                       alert('删除成功！');
                   }
               }
           })
       }


   }else {
       alert("请选择你要删除的数据！")
   }

}


function setDefault() {
    $('#username').val('');
    $('#password').val('')
    $('#role').val(1);
}


function btnSaveClick() {

    $.ajax({
        url:'http://localhost:8080/user/save',
        method:'post',
        dataType:'json',
        data:{

            userId:$('#userId').val(),
           username:$('#username').val(),
           password:$('#password').val(),
            roleId:$('#role').val()

        },
        success:function (data) {

            if(data.flag){
                $('#saveSuccess').show(2000,function () {
                    /*把当前添加的数据放到datatable 的 data */
                    $('#info').modal('hide');
                    initTable();
                });

            };
        }
    })

}





function initSelect(selector) {

    $.ajax({
         url:'http://localhost:8080/role/list',
        method:'get',
        dataType:'json',
        success:function (data) {
             $.each(data,function (index,item) {
                 var opt = $('<option></option>').val(item.roleId).text(item.roleName);
                 $(selector).append(opt);
                 //$('#role').append(opt);

             })

        }
    })

}



function initTable() {


    $('#list').bootstrapTable('destroy');
    $('#list').bootstrapTable({

        url: "http://localhost:8080/user/list",
        toolbar:'#toolbar',
        columns: columns,
        singleSelect:true,
        clickToSelect:true,
        pagination:true,
        pageSize:5
    })

}


var columns =[
    {
        checkbox: true
    },
    {
         field:'username',
         title:'用户名'
    },{
        field:'role.roleName',
        title:'角色'
    },{
       field:'isUsed',
        title:'启用状态',
        formatter:function (row,index,value) {
            if(value){
                return "<i class=\"fa fa-check text-success\" ></i>  是";
            }else {
                return "<i class=\"fa fa-times text-danger \" ></i> 否";
            }
        }
    }
]